<template>
  <header class="h-14 flex items-center px-5">
    <span @click="toggle" class="text-2xl">
      <Icon icon="ep:expand" v-if="collapse"></Icon>
      <Icon icon="ep:fold" v-else></Icon>
    </span>
  </header>
</template>
<script setup>
// 接收父组件传递的 props
const props = defineProps({
  collapse: Boolean,
})

// 定义用于发射事件的函数
const emit = defineEmits(['update:collapse'])

// 切换 collapse 状态并发射事件
const toggle = () => {
  // 修改父组件的数据
  emit('update:collapse', !props.collapse)
}
</script>
